<template>
	<view>
		<view class="user-setting">
			<view class="user-item" @click="onAnQuanClick">
				<image src="../../static/images/icon_setting_anquan@3x.png" class="user-item-icon"></image>
				<view class="user-item-right">
					<label class="user-item-label">账号与安全</label>
					<label class="user-item-arrow"></label>
				</view>
			</view>
			<view class="user-item" @click="onShouQuanClick">
				<image src="../../static/images/icon_setting_shouquan@3x.png" class="user-item-icon"></image>
				<view class="user-item-right">
					<label class="user-item-label">授权设置</label>
					<label class="user-item-arrow"></label>
				</view>
			</view>
			<view class="user-item" @click="onYiJianClick">
				<image src="../../static/images/icon_setting_yijian@3x.png" class="user-item-icon"></image>
				<view class="user-item-right">
					<label class="user-item-label">意见反馈</label>
					<label class="user-item-arrow"></label>
				</view>
			</view>
		</view>
		<button type="default" class="loginOut-btn" @click="onLoginOutClick">退出登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onLoginOutClick() {
				console.log("退出登录")
			},
			onAnQuanClick(){
				uni.navigateTo({
					url:'./accountSetting'
				})
			},
			onShouQuanClick(){
				uni.navigateTo({
					url:'./authorizeSetting'
				})
			},
			onYiJianClick(){
				uni.navigateTo({
					url:'./feedbackIndex'
				})
			}
		}
	}
</script>

<style>
	page {
		background: #F4F4F4;
	}

	.user-setting {
		margin: 26rpx 32rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
	}

	.user-item {
		padding: 0 30rpx;
		height: 96rpx;
		display: flex;
		align-items: center;
	}

	.user-item:active {
		opacity: 0.8;
	}

	.user-item-icon {
		width: 32rpx;
		height: 32rpx;
		margin-right: 19rpx;
	}

	.user-item-right {
		flex: 1;
		display: flex;
		align-items: center;
		height: 100%;
		border-bottom: 1px solid #E5E5E5;
	}

	.user-item:last-child .user-item-right {
		border: 0;
	}

	.user-item-label {
		font-size: 30rpx;
		color: #181818;
		flex: 1;
	}

	.user-item-text {
		font-size: 24rpx;
		color: #ACACAC;
	}

	.user-item-arrow {
		width: 32rpx;
		height: 32rpx;
		background: url(../../static/images/icon_jinru@3x.png) center no-repeat;
		background-size: 32rpx;
	}

	.loginOut-btn {
		position: fixed;
		bottom: 98rpx;
		background-color: #FFFFFF !important;
		color: #1371FF !important;
		font-size: 30rpx !important;
		border: 0 !important;
	}

	.loginOut-btn:active {
		opacity: 0.7;
	}

	.loginOut-btn::after {
		display: none;
	}
</style>
